<!DOCTYPE html>
<html>
<head>
    {include file="common/header" /}
</head>


<body class="">

{include file="common/nav" /}

<div id="body" class="body  blur_row" style="min-height: 762px;">
    <div id="js_container_box" class="container_box side_l ">

        <div class="col_side">

            {include file="common/menu" /}

        </div>

        <div class="col_main">


            <div class="col_main_inner">


                <div class="main_bd" style="padding-top: 0px">
                    <!--<h2 class="title" style="font-size: 26px;margin-bottom: 20px">供应商首页</h2>-->

                    <div class="mod_default_box" style="padding-bottom: 20px">
                        <div class="weui-desktop-home-notice">
                            <div class="weui-desktop-home-notice__info"><a
                                    href="#"
                                    target="_blank"
                                    class="weui-desktop-home-notice__title">鲜人掌平台公告：欢迎使用新版供应商中心。</a></div>
                            <div class="weui-desktop-home-notice__extra"><em class="weui-desktop-home-notice__date">2018-01-05</em>
                                <a href="#"
                                   target="_blank" class="weui-desktop-home-notice__readmore">更多</a></div>
                        </div>

                    </div>


                    <div class="app_detail_overview">
                        <div class="mod_default_box">
                            <div class="mod_default_hd">
                                <h4>近期订单数据</h4>
                                <div class="mod_hd_extra mini_tips icon_after"><i
                                        class="icon_msg_mini ask js_popover3"></i></div>
                            </div>
                            <div class="mod_default_bd" id="main" style="width: 100%;min-height: 300px;padding: 15px">
                                <div style="text-align: center;margin-top: 100px">
                                    <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
                                    <!--<div class="name">...</div>-->
                                    数据加载中
                                </div>
                            </div>
                        </div>
                    </div>


                    <!--<div class="mod_default_box">-->
                    <!--<div class="mod_default_hd" id="js_add_container">-->
                    <!--<div>-->
                    <!--<h4>最新订单</h4>-->
                    <!--<div class="mod_hd_extra">-->
                    <!--<p class="desc">最近10条订单</p>-->
                    <!--<div class="btn btn_primary" ref="add_from_lib" id="js_add_from_lib" onclick="window.open('{:url('dc/index/order')}','_self')">查看全部</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="mod_default_bd default_box">-->
                    <!--<div class="table_wrp my_tmplmsg_table" id="js_table">-->
                    <!--<div>-->
                    <!--<table class="table" cellspacing="0">-->
                    <!--<thead class="thead">-->
                    <!--<tr>-->
                    <!--<th class="table_cell my_tmplmsg_name">订单号</th>-->
                    <!--<th class="table_cell tl my_tmplmsg_keywords">客户</th>-->
                    <!--<th class="table_cell tl my_tmplmsg_id">创建时间</th>-->
                    <!--<th class="table_cell tl my_tmplmsg_id">状态</th>-->
                    <!--<th class="table_cell last_child my_tmplmsg_opr">操作</th>-->
                    <!--</tr>-->
                    <!--</thead>-->
                    <!--<tbody class="tbody">-->

                    <!--{foreach $list as $item}-->
                    <!--<tr>-->
                    <!--<td class="table_cell">{$item.order_id}</td>-->
                    <!--<td class="table_cell">{$item.biz_name}</td>-->
                    <!--<td class="table_cell tl">-->
                    <!--<div class="my_tmplmsg_keywords_list">{$item.createtime|date="n月j日 H:i:s",###}</div>-->
                    <!--</td>-->
                    <!--<td class="table_cell tl my_tmplmsg_id">-->
                    <!--<div class="tmplmsg_id_content {$item.status_class}">{$item.status_text}</div>-->
                    <!--&lt;!&ndash;<a class="global_link_opr js_copy" tmplid="CoYlx6jvtZTSIht3UO6SVQlmAaU-RIxJzv-UabYebrA" href="javascript:;">复制</a>&ndash;&gt;-->
                    <!--</td>-->
                    <!--<td class="table_cell last_child">-->
                    <!--<a class="global_link_opr js_detail"-->
                    <!--tmplid="CoYlx6jvtZTSIht3UO6SVQlmAaU-RIxJzv-UabYebrA"-->
                    <!--href="javascript:;">详细</a>-->

                    <!--</td>-->
                    <!--</tr>-->
                    <!--{/foreach}-->


                    <!--{if condition="!$list"}-->
                    <!--<tr class="empty_item">-->
                    <!--<td colspan="5" class="empty_tips">暂无数据</td>-->
                    <!--</tr>-->
                    <!--{/if}-->

                    <!--</tbody>-->
                    <!--</table>-->
                    <!--<div class="pagination_wrp"></div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->


                </div>


            </div>


        </div>
    </div>


</div>


{include file="common/footer" /}

<script src="__CDN__/assets/fly/js/echarts.common.min.js"></script>

<script type="text/javascript">


    $.get("{:url('index/getOrderCount')}",{},function (res) {
        console.log(res);
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
            title: {
                text: ''
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    label: {
                        backgroundColor: '#6a7985'
                    }
                }
            },
            legend: {
                data: ['订单量']
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            grid: {
                left: '3%',
                right: '6%',
                bottom: '3%',
                with: '100%',
                containLabel: true
            },
            xAxis: [
                {
                    type: 'category',
                    boundaryGap: false,
//                    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
                    data: res.data.date
                }
            ],
            yAxis: [
                {
                    type: 'value'
                }
            ],
            series: [
                {
                    name: '订单量',
                    type: 'line',
                    stack: '总量',
//                areaStyle: {normal: {colore:'#000'}},
                    data: res.data.count
                },

            ]
        };


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    });



</script>

</body>
</html>